﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>千利千寻-互联网金融返利平台-glw66.com-专注网贷返利、理财返利、P2P返利、金融理财返利领域！</title>
    <meta name="keywords" content="千利千寻官网，千利千寻app，网贷返利，理财返利，p2p返利，互联网金融返利平台，投资返利平台，加息券，红包，理财节">
    <meta name="description"
          content="千利千寻是国内专业的网贷返利、理财返利平台，专注网贷返利、理财返利、P2P返利、金融理财返利等领域已有超过2年的时间，为投资理财用户提供贴心的理财推荐和返利加息服务，让理财变得更简单，收益更高！">

    <style type="text/css">
        li {
            list-style: none;
        }

        .clearfix:after {
            clear: both;
            height: 0;
            display: block;
            visibility: hidden;
            content: ".";
        }

        body,
        td,
        th {
            font-family: 微软雅黑;
            color: #666666;
        }

        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            background-color: #eaeaea;
        }

        .STYLE1 {
            font-size: 12px
        }

        .STYLE3 {
            color: #328ae3;
            font-size: 12px;
        }

        .STYLE4 {
            font-size: 16px;
            color: #328ae3;
        }

        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        a:active {
            text-decoration: none;
        }

        .STYLE5 {
            font-size: 16px;
            color: #666666;
        }

        .STYLE6 {
            font-size: 16px
        }

        .STYLE6a {
            font-size: 14px
        }

        .STYLE7 {
            font-size: 16px;
            font-weight: bold;
            color: #71c6a3;
        }

        .STYLE8 {
            font-size: 20px;
            font-weight: bold;
        }

        .STYLE9 {
            font-size: 38px;
            color: #71c6a3;
        }

        .STYLE10 {
            font-size: 24px;
            color: #FFFFFF;
        }

        .STYLE12 {
            font-size: 16px;
            color: #FFFFFF;
        }

        .STYLE13 {
            font-size: 14px
        }

        .STYLE14 {
            font-size: 24px
        }

        .show {
            color: #71c6a3;
            font-size: 30px;
            font-weight: bold;
        }

        .banner-box {
            min-width: 690px;
            height: 380px;
            position: relative;
            overflow: hidden;
        }

        .banner-box .bd {
            width: 100% !important;
        }

        .banner-box .bd ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }

        .banner-box .bd li .m-width {
            width: 690px;
            margin: 0 auto;
            overflow: hidden;
        }

        .banner-box .bd li {
            width: 690px !important;
            height: 380px;
        }

        .banner-box .bd li a {
            display: block;
            background-size: auto;
        }

        .banner-btn {
            width: 690px;
            position: absolute;
            left: 50%;
            margin-left: -470px;
        }

        .banner-btn a {
            display: block;
            width: 49px;
            height: 104px;
            position: absolute;
            top: 0;
            filter: alpha(opacity=40);
            -moz-opacity: 0.4;
            -khtml-opacity: 0.4;
            opacity: 0.4;
        }

        .banner-btn a.prev {
            left: 20px;
            background: url(img/foot.png) no-repeat 0 0;
        }

        .banner-btn a.next {
            right: 20px;
            background: url(img/foot.png) no-repeat -49px 0;
        }

        .banner-box .hd {
            position: absolute;
            top: -40px;
            left: 40%;
            width: 690px;
        }

        .banner-box .hd ul li {
            width: 20px;
            height: 4px;
            border-radius: 0%;
            text-indent: -9999px;
            margin-right: 15px;
            background: #ccc;
            float: left;
            cursor: pointer;
            list-style: none;
        }

        .banner-box .hd ul li.on {
            background: #2eb971;
        }

        .MJF_INDEX_LIST_3 a {
            width: 66px;
            background-color: #fff;
            border: solid 1px #71c6a3;
            height: 25px;
            border-radius: 4px;
            color: #71c6a3;
            outline: none;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s ease-in-out;
            display: block;
            line-height: 25px;
            text-decoration: none;
        }

        /*.MJF_INDEX_LIST_3 table + table{position:relative; z-index:1; transition:box-shadow 0.3s ease-in-out;} */

        .MJF_INDEX_LIST_3:hover {
            box-shadow: 0px 0px 10px #ccc;
            transition: box-shadow 0.3s linear;
            position: relative;
        }

        .MJF_INDEX_LIST_3:hover a {
            background-color: #71c6a3;
            color: #fff;
            transition: background-color 0.3s linear;
        }

        .MJF_INDEX_LIST_1 table {
            transition: box-shadow 0.3s linear;
        }

        .MJF_INDEX_LIST_1 table:hover {
            box-shadow: 0px 0px 20px #9b9b9b;
            transition: box-shadow 0.3s linear;
        }

        .slideBox {
            width: 270px;
            height: 235px;
            overflow: hidden;
            position: relative;
        }

        .slideBox .hd {
            height: 15px;
            overflow: hidden;
            position: absolute;
            right: 5px;
            bottom: 5px;
            z-index: 1;
        }

        .slideBox .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
            list-style: none;
        }

        .slideBox .hd ul li {
            float: left;
            margin-right: 2px;
            width: 15px;
            height: 15px;
            line-height: 14px;
            text-align: center;
            background: #fff;
            cursor: pointer;
        }

        .slideBox .hd ul li.on {
            background: #f00;
            color: #fff;
        }

        .slideBox .bd {
            position: relative;
            height: 100%;
            z-index: 0;
        }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle;
        }

        .slideBox .bd img {
            width: 270px;
            height: 230px;
            display: block;
        }

        /* 下面是前/后按钮代码，如果不需要删除即可 */

        .slideBox .prev,
        .slideBox .next {
            position: absolute;
            left: 3%;
            top: 50%;
            margin-top: -25px;
            display: block;
            width: 32px;
            height: 40px;
            background: url(../front/img/slider-arrow.png) -110px 5px no-repeat;
            filter: alpha(opacity=50);
            opacity: 0.5;
        }

        .slideBox .next {
            left: auto;
            right: 3%;
            background-position: 8px 5px;
        }

        .slideBox .prev:hover,
        .slideBox .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }

        .slideBox .prevStop {
            display: none;
        }

        .slideBox .nextStop {
            display: none;
        }

        .foot1 {
            color: #a4a5a7;
            font-size: 16px;
            font-weight: bold;
        }

        .foot2 {
            color: #a4a5a7;
            font-size: 14px;
        }

        .STYLE15 {
            font-size: 16px;
            color: #a4a5a7;
        }

        .red {
            color: #12759E;
            font-size: 36px;
        }

        .red1 {
            color: #12759E;
            font-size: 16px;
        }

        .blue {
            color: #2A87A8;
            font-size: 14px;
        }

        .blue1 {
            color: #4F98BB;
            font-size: 24px;
        }

        .orange {
            color: #F9763E;
            font-size: 24px;
        }

        .orange1 {
            color: #F9763E;
            font-size: 14px;
        }

        .bank {
            color: #EFBD98;
            font-size: 24px;
        }

        .bank1 {
            color: #EFBD98;
            font-size: 12px;
        }
    </style>
    <link rel="stylesheet" th:href="@{/front/swiper/swiper-4.2.6.min.css}">
    <script th:src="@{https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js}"></script>
    <script th:src="@{https://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js}"></script>
    <script th:src="@{/front/js/jquery.SuperSlide.2.1.1.source.js}"></script>
    <script th:src="@{/front/swiper/swiper-4.2.6.min.js}"></script>

</head>

<body style="background: #fff;">
<div th:replace="/front/common::header"></div>
<div th:replace="/front/common::top"></div>
<!--banner -->
<style>
    .header_bg_div {
        width: 100%;
        height: 410px;
        z-index: -1;
        position: absolute;
        top: 110px;
        min-width: 1200px;
    }

    .header_bg_div ul {
        list-style: none;
        width: 100%;
        height: 410px;
        padding: 0px;
        margin: 0px;
    }

    .header_bg_div ul li {
        width: 100%;
        height: 410px;
        float: left;
        position: absolute;
    }

    .header_bg_div ul img {
        width: 100%;
        height: 410px;
    }

    .header_bg_div ul img + img {
        opacity: 0;
    }
</style>
<div style="position: relative;height: 554px;">
    <div class="swiper-container indexBanner" style="height: 554px;">
        <div class="swiper-wrapper">
            <div class="swiper-slide" th:each="banner:${bannerList}" th:if="${#strings.equals(banner.type,'3')}">
                <a th:href="${banner.directUrl}" target="_blank">
                    <img th:src="${banner.imgPath}">
                </a>
            </div>
        </div>
    </div>

    <div style="width:1200px;height:500px;position: absolute; left: 50%;top:50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);z-index: 999; ">
        <div class="bannerLeft">
            <img th:src="@{/front/img/bannerL1.png}" style="width: 100%;display: block;">
            <img th:src="@{/front/img/bannerL2.png}" style="width: 100%;display: block;">
        </div>

        <div class="bannerCenter">
            <div class="swiper-container centerBannerSwiper" style="height: 500px;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" th:each="banner:${bannerList}" th:if="${#strings.equals(banner.type,'1')}">
                        <a th:href="${banner.directUrl}" target="_blank">
                            <img th:src="${banner.imgPath}">
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="bannerRight">
            <div style="width: 228px;height: 278px;margin: 0 auto 28px;">
                <div class="swiper-container bannerRightSwiper" style="height: 278px;">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" th:each="banner:${bannerList}" th:if="${#strings.equals(banner.type,'2')}">
                            <!--<a th:href="${banner.directUrl}" target="_blank">-->
                                <img th:src="${banner.imgPath}">
                            <!--</a>-->
                        </div>
                    </div>
                </div>
            </div>
            <img th:src="@{/front/img/Artboard.png}" style="width: 100%;display: block;">
        </div>
    </div>
</div>
<style>
    .indexBanner {
        background: #fff;
    }

    .indexBanner img, .indexBanner a {
        display: block;
        width: 100%;
    }

    .bannerLeft {
        width: 270px;
        float: left;
    }

    .bannerCenter {
        width: 642px;
        float: left;
        margin: 0 9px;

    }
    .bannerRight{
        width: 270px;
       float: left;
        background: #fff;
        padding-top: 18px;
    }

</style>
<script>
    var mySwiper = new Swiper('.indexBanner', {
		autoplay: true,//可选选项，自动滑动
		effect : 'fade',
		allowTouchMove:false
	});
	var mySwiper = new Swiper('.centerBannerSwiper', {
		autoplay: true,//可选选项，自动滑动
		allowTouchMove:false
	});
	var mySwiper = new Swiper('.bannerRightSwiper', {
		autoplay: {
			delay: 5000,//1秒切换一次
		},
		allowTouchMove:false
	});

</script>
<div><img th:src="@{/front/img/sbanner.png}" style="width: 100%;display: block;"></div>
<div class="floor floor1">
    <div class="inner clearfix">
        <div class="bidPic"><img th:src="@{/front/img/bidpic1.png}"></div>
        <ul class="bids clearfix" th:if="${#lists.size(platformGroupVOList) >=1}">
            <li th:each="platform:${platformGroupVOList[0].platformList}" th:if="${platformStat.count <=6}">
                <a th:href="@{/platform/detail(id=${platform.id})}" target="_blank">
                    <div class="bidIcon"><img th:src="${platform.logoPath}"/></div>
                    <p class="textDesc">平台自身年化<span th:text="${platform.annualized}">8%-12%</span></p>
                    <p class="textDesc">最高返<span style="font-weight: bold;" th:text="${platform.rebate}+'元'">元</span></p>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="floor floor2">
    <div class="inner clearfix">
        <div class="bidPic"><img th:src="@{/front/img/bidpic2.png}"></div>
        <ul class="bids clearfix" th:if="${#lists.size(platformGroupVOList) >=2}">
            <li th:each="platform:${platformGroupVOList[1].platformList}" th:if="${platformStat.count <=3}">
                <a th:href="@{/platform/detail(id=${platform.id})}">
                    <div class="bidIcon">
                        <img th:src="${platform.logoPath}"/>
                        <p class="textDesc">平台自身年化<span style="display: block;margin: 0 auto;" th:text="${platform.annualized}">%</span></p>
                    </div>
                    <p class="textDesc floor2textDesc">最高返<span
                            style="font-weight: bold;display: block;margin: 0 auto;" th:text="${platform.rebate}+'元'">元</span></p>
                    <h6 class="label1">30天及以上标的</h6>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="floor floor3">
    <div class="inner clearfix">
        <div class="bidPic"><img th:src="@{/front/img/bidpic3.png}"></div>
        <ul class="bids clearfix" th:if="${#lists.size(platformGroupVOList) >=3}">
            <li th:each="platform:${platformGroupVOList[2].platformList}" th:if="${platformStat.count <=6}">
                <a th:href="@{/platform/detail(id=${platform.id})}" target="_blank">
                    <div class="bidIcon"><img th:src="${platform.logoPath}"/></div>
                    <p class="textDesc">平台自身年化<span th:text="${platform.annualized}">8%-12%</span></p>
                    <p class="textDesc">最高返<span style="font-weight: bold;" th:text="${platform.rebate}+'元'">元</span></p>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="time" style="display:none;">
    <ul class="clearfix" style="margin: 0 ;padding: 0">
        <li>
            <div style="width: 230px;height: 230px;"><img
                    th:src="@{/front/img/time1.png}"></div>
            <p style="font-size: 28px;color: #333;margin-bottom: 15px">安全运营</p>
            <p style="font-size: 30px;color: #328ae3"><span th:text="${operationDay}"></span>天</p>
        </li>
        <li style="margin: 0 255px;">
            <div style="width: 230px;height: 230px;"><img
                    th:src="@{/front/img/time2.png}"></div>
            <p style="font-size:28px;color: #333;margin-bottom: 15px">服务平台</p>
            <p style="font-size:30px;color: #328ae3"><span th:text="${session.platformCount}"></span>+</p>
        </li>
        <li>
            <div style="width: 230px;height: 230px;"><img
                    th:src="@{/front/img/time3.png}"></div>
            <p style="font-size:28px;color: #333;margin-bottom: 15px">用户数量</p>
            <p style="font-size: 30px;color: #328ae3"><span th:text="${memberCount}"></span>+</p>
        </li>
    </ul>
</div>
<script>
    var mySwiper = new Swiper('.indexRBanner', {
        autoplay: true,//可选选项，自动滑动
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    })
</script>
<style>
    .floor {
        padding: 90px 0 48px;

    }

    .floor .inner {
        width: 1200px;
        margin: 0 auto;
    }

    .floor1 {
        background: url("../front/img/indexBg1.png") no-repeat left center;
        background-size: cover;
    }

    .floor2 {
        background: url("../front/img/indexBg2.png") no-repeat left center;
        background-size: cover;
    }

    .floor3 {
        background: url("../front/img/indexBg3.png") no-repeat left center;
        background-size: cover;
    }

    .bidPic {
        width: 363px;
        height: 442px;
        float: left;
        margin-right: 27px;
    }

    .bidPic img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .bids {
        float: left;
        width: 810px;
        margin: 0;
        padding: 0;
    }

    .bids li {
        border: 1px solid rgba(255, 255, 255, .1);
        float: left;
        margin-right: 30px;
        margin-bottom: 27px;
        background: #fff;
    }

    .bids li:nth-of-type(3), .bids li:nth-of-type(6) {
        margin-right: 0;
    }

    .bids .bidIcon {
        width: 248px;
        height: 106px;
        border-bottom: 1px dashed #e7e7e7;
        background: #fff;
    }

    .bids .bidIcon img {
        width:160px;
        height:80px;
        border:none;
        margin:0 auto;
        display:block;
        padding-top:14px;
    }

    .bids .textDesc {
        font-size: 18px;
        color: #999;
        line-height: 30px;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .bids li .textDesc:first-of-type {
        padding-top: 18px;
    }

    .bids li .textDesc:last-of-type {
        padding-bottom: 18px;
    }

    .bids .textDesc span {
        color: #328ae3;
        font-size: 20px;
    }

    .floor2 .bids .bidIcon {
        height: 210px;
        border-top: 6px solid #fda21c;
    }

    .floor2 .bids li {
        border: none;
    }

    .floor2 .bids li .floor2textDesc {
        padding: 58px 0;
    }

    .floor2 h6 {
        color: #333;
        font-size: 16px;
        text-align: center;
        background: #e1f0ff;
        margin: 0;
        padding: 0;
        line-height: 50px;
    }

    .floor2 .label2 {
        background: #ffeced;
    }

    .floor2 .label3 {
        background: #fff1e3;
    }

    .time {
        width: 1200px;
        margin: 0 auto;
        padding: 128px 0;
    }

    .time img {
        width: 100%;
    }

    .time ul {
        width: 100%;
        text-align: center;
    }

    .time ul li {
        float: left;
        text-align: center;
        background: none;
    }
</style>

<!--floor1 end -->


<!--footer-->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="120" bgcolor="#434b50">
            <table width="1200" border="0" align="center" cellpadding="5" cellspacing="0">
                <tr>
                    <td width="1016">
                        <span class="foot1">友情链接：</span>
                        <span class="STYLE15">
                <span class="foot2">欢迎金融类相关网站与本站交换链接，交换前请先添加本站链接，联系QQ：139696580 谢谢！</span>
              </span>
                    </td>
                    <td width="164" align="right">
                        <!--<a href="#" target="_blank" class="foot2">更多合作伙伴>></a>-->
                    </td>
                </tr>
            </table>
            <table width="1200" border="0" align="center" cellpadding="5" cellspacing="0">
                <tr th:if="${#lists.size(friendLinks) > 0}">
                    <td width="120" th:each="link,linkStat:${friendLinks}" th:if="${linkStat.index<=10}">
                        <a th:href="${link.websiteUrl}" target="_blank" class="foot2" th:text="${link.websiteName}"></a>
                    </td>
                </tr>
                <tr th:if="${#lists.size(friendLinks) > 10 }">
                    <td width="120" th:each="link,linkStat:${friendLinks}"
                        th:if="${linkStat.index>10 and linkStat.index <=20}">
                        <a th:href="${link.websiteUrl}" target="_blank" class="foot2" th:text="${link.websiteName}"></a>
                    </td>
                </tr>
                <tr th:if="${#lists.size(friendLinks) > 20 }">
                    <td width="120" th:each="link,linkStat:${friendLinks}"
                        th:if="${linkStat.index>20 and linkStat.index <=30}">
                        <a th:href="${link.websiteUrl}" target="_blank" class="foot2" th:text="${link.websiteName}"></a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!--footer end-->
<script>
    $('#id-app-download-div-close').click(function () {
        $('#id-app-download-div').hide();
    })
</script>

<style>
    .foot1 {
        color: #a4a5a7;
        font-size: 16px;
        font-weight: bold;
    }

    .foot2 {
        color: #a4a5a7;
        font-size: 14px;
    }

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

    .footer a {
        color: #a4a5a7;
    }
</style>
<div th:replace="/front/common::footer"></div>
<script>
    $(document).ready(function () {
        $(window).scroll(function () {
            var st = $(document).scrollTop();
            if (st >= 30) {
                //$('.MJF_nav_down td:first-child').css({'height':'50px', 'transition':'height 0.3s linear', 'position':'fixed', 'top':'0px'});
                $('.MJF_nav_down').css({
                    'position': 'fixed',
                    'top': '0px',
                    'z-index': '1'
                });
                //$('.MJF_nav_down').animate({'height':"50px"});
                //$('.MJF_nav_down img').first().animate({'height':"50px", 'width':'251px'});
                $('.MJF_INDEX_BODY').css({
                    'margin-top': '80px'
                });
            } else {
                $('.MJF_nav_down').css({
                    'position': '',
                    'top': '',
                    'z-index': '1'
                });
                //$('.MJF_nav_down').animate({'height':"80px"});
                //$('.MJF_nav_down img').first().animate({'height':"62px", 'width':'309px'});
                $('.MJF_INDEX_BODY').css({
                    'margin-top': ''
                });
            }
        });

        $(".banner-box").slide({
            startFun: function (i, c, slider, titCell, mainCell, targetCell, prevCell, nextCell) {
                var big_bgs = $('.header_bg_div img');
                for (var j = 0; j < c; j++) {
                    $(big_bgs[j]).css('opacity', 0);
                }
                $(big_bgs[i]).animate({
                    opacity: "1"
                }, 2000);
            },
            titCell: ".hd ul",
            mainCell: ".bd ul",
            effect: "fold",
            interTime: 3500,
            delayTime: 1000,
            autoPlay: true,
            autoPage: true,
            trigger: "click"
        });
        $(".slideBox").slide({
            mainCell: ".bd ul",
            effect: "left",
            autoPlay: true
        });
    });
    $("#icons").find("a").each(function (index, item) {
        $(this).hover(function () {
            $(this).css("background-size", "102%")
        }, function () {
            $(this).css("background-size", "100%")
        })
    })
</script>
</body>

</html>
